/* CSS navbar */
#logonav {
  padding-left: 0;
}

.nav-link {
  font-size: 20px;
}

.nav-item {
  padding-left: 2rem;
}

#menu1 {
  padding-left: 10rem;
}

/* Fin CSS Navbar */

/* CSS Footer */
footer {
  background-color: #535753;
  padding: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* Asegurar que el footer ocupe todo el ancho */
}


.txtfooter {
  color: white;
}

#imgsredes {
  display: inline-block;
  padding-left: 31rem;
}

#imgsredes2 {
  display: inline-block;
}

#imgasesoria {
  padding-left: 240px;
}

#txtasesoria {
  color: #535753;
  font-size: 22px;
}

#imgconoce {
  padding-left: 120px;
}

.logos {
  padding-right: 10px;
}

#capaz {
  margin-left: 9rem;
  display: inline-block;
}

#copyright,
#tel,
#correogaco {
  text-align: center;
  margin-right: 0;
  /* Elimina el margin-right */
}

.no-link {
  cursor: default;
  /* Asegura que no se comporte como un enlace */
  text-decoration: none;
  /* Elimina cualquier subrayado */
  color: white;
  /* Asegúrate de que el color sea el adecuado */
}


.espacio {
  padding-right: 2rem;
  color: white;
}

/* Fin CSS Footer */

.centrar-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.centrar-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#asesoria {
  color: #535753;
  font-size: 30px;
}

#txtprueba {
  color: #535753;
  font-size: 20px;
  margin-left: 30rem;
}

#imgprueba {
  margin-right: 25rem;
  padding-left: 5rem;
}

.centrar {
  text-align: center;
}

.divmotores {
  color: #535753;
  font-size: 30px;
}

#h1divmotores {
  color: #535753;
  font-size: 36px;
}

#acceptButton {
  margin-top: 1rem;
}

@media (max-width: 576px) {
  #txtprueba {
    margin-right: 0;
    margin-left: 0;
  }

  #imgprueba {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    margin-top: 1rem;
  }
}

#navnord {
  margin-left: 10rem;
  margin-right: 10rem;
}

#logonord {
  padding-left: 1rem;
}

#titlenord {
  font-weight: bold;
  font-size: 25px;
}

#carouselExampleCaptions {
  width: 800px;
  /* Ancho deseado del carrusel */
  height: 400px;
  /* Altura deseada del carrusel */
  margin-bottom: 100px;
  margin-top: 50px;

}

#carouselExampleCaptions .carousel-item img {
  max-width: 100%;
  /* Ajustar las imágenes al ancho máximo del carrusel */
  height: auto;
  /* Permite que la altura de las imágenes se ajuste proporcionalmente */
}

.carousel-caption h5,
.carousel-caption p {
  color: black;

}

.col-lg-9 border d-flex flex-column align-items-center {
  margin-top: 3rem;
}

h4 {
  margin-right: auto;
  font-size: 15px;
}

#whatsappButton {
  background-color: inherit;
  border: none;
  cursor: pointer;
}

.modalbd {
  margin-top: 10px;
}

.col-lg-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#masinfo1 {
  padding-top: 30px;
  font-weight: bold;
  font-size: 18px;
}

#masinfo2 {
  padding-top: 30px;
  font-weight: bold;
  font-size: 18px;
}

#masinfo3 {
  padding-top: 30px;
  font-weight: bold;
  font-size: 18px;
}

#masinfo4 {
  padding-top: 30px;
  font-weight: bold;
  font-size: 18px;
}

#masinfo5 {
  padding-top: 30px;
  font-weight: bold;
  font-size: 18px;
}

#masinfo6 {
  padding-top: 30px;
  font-weight: bold;
  font-size: 18px;
}

/* Contenedor del video que define un tamaño fijo */
.video-container {
  position: relative;
  width: 100%;
  /* El ancho del contenedor */
  max-width: 100%;
  /* Ancho máximo del contenedor */
  height: auto;
  /* Alto del contenedor */
  overflow: hidden;
  /* Evita que los elementos salgan del contenedor */
  margin: auto;
  /* Centra el contenedor */
}

/* Estilo del video */
video {
  width: 100%;
  height: auto;
  object-fit: cover;
  /* Asegura que el video cubra todo el contenedor */
}

/* Estilo del texto superpuesto */
.overlay-text {
  position: absolute;
  top: 30%;
  /* Centra verticalmente */
  left: 10%;
  /* Centra horizontalmente */
  /*transform: translate(-50%, -50%);*/
  /* Ajusta el texto al centro */
  color: white;
  /* Color del texto */
  font-size: 45px;
  /* Tamaño de la fuente */
  font-weight: bold;
  /* Negrita */
  text-align: left;
  /* Alineación del texto */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  /* Sombra para mejor visibilidad */
}

/* Fondo semi-transparente detrás del texto si es necesario */
.overlay-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  /* Fondo negro semi-transparente */
}



#txtvideoinicio {
  font-size: 18px;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  /* Sombra para mejor visibilidad */
  color: black;
}

@media (max-width: 768px) {
  .overlay-text {
      font-size: 16px;
  }
  #txtvideoinicio {
      font-size: 14px;
  }
}

#txtsecc2 {
  font-size: 20px;
}

.whatstxt {
  font-size: 18px;
  color: white;
}

.card-title {
  font-weight: bold;
}

.fade-in {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-in.visible {
  opacity: 1;
}

#contacto {
  padding-left: 135px;
}

#contacto1 {
  margin-left: 50px;
  color: #535753;
}

#estamos {
  color: #535753;
}

ul {
  list-style: none;
}

.group {
  font-size: 16px;
  padding: 0px;
  display: block;
  position: relative;
  color: #535753;
}

.group:hover {
  /* Estilo al pasar el mouse */
  color: red;
}

.card-title:hover {
  color: red;
}

.card-img-top {
  transform: scale(1);
  transition: transform 0.3s ease;
}

.card-img-top:hover {
  transform: scale(1.05);
}

a.group {
  text-decoration: none;
  /* Sin subrayado */
  color: black;
  /* Cambia el color a negro o el que desees */
}

p.group {
  text-decoration: none;
  /* Sin subrayado */
  color: black;
  /* Cambia el color a negro o el que desees */
}

a {
  color: inherit;
  /* Hereda el color del elemento padre */
  text-decoration: none;
  /* Sin subrayado */
}

/* Estilos solo para este contenedor y fila */
.logocontainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.logorow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.SYPLOGO {
  margin-left: 10px;
  /* Un pequeño margen entre la imagen y el texto */
}

#nmbrossi {
  font-size: 24px;
}

.tituloprod {
  font-size: 50px;

}

.txtdescripcion {

  font-weight: bold;

}

.descripciontxt {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  line-height: 2.0;

}

.categoria-header {
  padding: 10px 0;
  border-bottom: 2px solid #ddd;
}

.h1categ {
  color: #535753;
  padding: 0;
  font-size: 1.9rem;
  position: relative;
  display: inline-block;
}

.barra-roja {
  border: none;
  height: 4px; /* Cambia el grosor de la barra */
  width: 90px; /* Cambia el ancho de la barra */
  background-color: rgb(255, 0, 0);
  margin-top: 5px; /* Ajusta el espacio entre el h1 y la barra */
}


.descarga-item {
  display: flex;
  /* Usar flexbox para alinear los elementos */
  justify-content: space-between;
  /* Alinear el texto y el enlace a los extremos */
  align-items: center;
  /* Centrar verticalmente */
  padding: 10px 0;
  /* Espaciado superior e inferior */
  border-bottom: 1px solid #ddd;
  /* Separador entre descargas */
}

.download-link {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  color: #007BFF !important;
  flex-wrap: nowrap !important;
}

.download-icon {
  width: 20px !important;
  height: auto !important;
  margin-right: 8px !important;
}

.download-text {
  display: inline-block !important;
  margin: 0 !important;
  white-space: nowrap !important;
}



#titulodescargas{
  color: #535753;
  font-size: 2.2rem;
  text-align: center; /* Si deseas centrar el título */
}
.imagen-contenedor {
  display: flex;
  justify-content: center; /* Alinea la imagen al centro */
  margin-top: 10px; /* Ajusta el espacio arriba de la imagen */
}

.image-text-container {
  display: flex;
  border-radius: 25px;
  overflow: hidden;
}

.image-section {
  position: relative;
}

.image-section img {
  width: 300px;
  /* Ajusta según tus necesidades */
}

.image-section p {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Negro semi-transparente */
  color: white;
  padding: 10px;
}

.text-section {
  background-color: #1E3A8A;
  /* Color azul oscuro */
  color: white;
  padding: 20px;
  flex-grow: 1;
  font-size: 22px;
}